<template>
  <el-row :gutter="12">
    <el-col :span="10">
      <cjui-page-panel>
        <div class="flex items-center">
          <el-avatar :size="66" :src="userStore.userProfile.avatar" />
          <div class="pl-12px">
            <div class="text-20px">
              {{ t('workplace.welcome') }} {{ userStore.userProfile.nickname }} {{ t('workplace.happyDay') }}
            </div>
            <div class="mt-5px text-14px text-gray-500">
              {{ t('workplace.toady') }}，20℃ - 32℃！
            </div>
          </div>
        </div>
      </cjui-page-panel>
    </el-col>
  </el-row>
</template>

<script lang="ts" setup>
import { useUserStore } from '@/store/modules/user'

const { t } = useI18n()
const userStore = useUserStore()
</script>

<style lang="scss" scoped>
</style>
